/*初始化类*/

 @charset "UTF-8";

 @font-face {
 	/*font-family: myfont;*/
 	/*src: url(../fonts/Titillium-Light.otf);*/
 }


 html {
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
 }


 html,
 body {
 	/*font-family: myfont;*/
 	-webkit-touch-callout: none;
 	width: 100%;
 	font-family: "";
 	position: relative;
 	line-height: 1.5;
 	font-size: 16px;
 	color: #000;
 	outline: 0;
 }

 html,
 body,
 header,
 section,
 footer,
 div,
 ul,
 ol,
 li,
 img,
 a,
 span,
 em,
 del,
 legend,
 center,
 strong,
 var,
 fieldset,
 form,
 label,
 dl,
 dt,
 dd,
 cite,
 input,
 hr,
 time,
 mark,
 code,
 figcaption,
 figure,
 textarea,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
 	margin: 0;
 	border: 0;
 	padding: 0;
 	font-style: normal;
 }

 .Load {
 	position: fixed;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 999999999999999999;
 	background-color: #FFFFFF;
 }

 ul,
 li {
 	list-style: none;
 }

 b,
 strong {
 	font-weight: 700;
 }

 pre {
 	overflow: auto;
 }

 img {
 	border: 0;
	max-width: 100%;
 }

 p {
 	margin-top: 0;
 	margin-bottom: 0;
 }

 a {
 	text-decoration: none;
 	background-color: transparent;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 a:hover {
 	outline: 0;
 }

 /*按钮*/

 .more_a {
 	display: inline-block;
 	vertical-align: middle;
 	text-align: center;
 	cursor: pointer;
 	position: relative;
 	overflow: hidden;
 	-webkit-transform: translateZ(0);
 	transform: translateZ(0);
 	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 	-moz-osx-font-smoothing: grayscale;
 	position: relative;
 	-webkit-transition-property: color;
 	transition-property: color;
 	-webkit-transition-duration: .3s;
 	transition-duration: .3s;
 }

 .more_a:hover {
 	color: #fff;
 }

 .more_a::before,
 .more_a::after {
 	position: absolute;
 	content: '';
 	display: block;
 	height: 50%;
 	width: 0;
 	font-size: 0;
 	overflow: hidden;
 	-moz-transition: .3s;
 	-webkit-transition: .3s;
 	transition: .3s;
 	background-color: #e60044;
 	z-index: -1;
 }

 .more_a::before {
 	left: 0;
 	top: 0;
 }

 .more_a::after {
 	right: 0;
 	bottom: 0;
 }

 .more_a:hover::before,
 .more_a:hover::after {
 	width: 100%;
 }

 textarea {
 	overflow: hidden;
 	resize: none;
 }

 button {
 	overflow: visible;
 }

 button,
 select {
 	text-transform: none;
 }

 button,
 input,
 optgroup,
 select,
 textarea {
 	margin: 0;
 	font: inherit;
 	color: inherit;
 }

 hr {
 	height: 0;
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 }

 pre {
 	overflow: auto;
 }

 .cle:after {
 	visibility: hidden;
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0
 }

 .cle {
 	zoom: 1
 }

 .fl,
 .fr {
 	display: inline
 }

 .fl {
 	float: left
 }

 .fr {
 	float: right
 }

 .txtov {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	color: #FFFFFF;
 }

 html {
 	width: 100%;
 	margin: 0px auto;
 }

 body {
 	margin: 0px auto;
 }

 .h_normal {
 	font-weight: normal;
 }

 .w {
 	width: 95%;
 	max-width: 1200px;
 	margin: 0px auto;
 	clear: both;
 }

 .en {
 	font-family: arial;
 }

 input {
 	outline: medium;
 }

 .hover {
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 .hover:hover {
 	transform: translate3d(0, -20px, 0);
 	-webkit-transform: translate3d(0, -20px, 0);
 }

 .hover_x {
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 .hover_x:hover {
 	transform: translate3d(-20px, 0, 0);
 	-webkit-transform: translate3d(-20px, 0, 0);
 }

 .hover_xz {
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }

 .hover_xz:hover {
 	transform: translate3d(20px, 0, 0);
 	-webkit-transform: translate3d(20px, 0, 0);
 }

 /*左右摇摆*/

 .hover_arrow .box:hover .icon_public {
 	animation: landr 0.8s ease-in-out;
 	-ms-animation: landr 0.8s ease-in-out;
 	-moz-animation: landr 0.8s ease-in-out;
 	-webkit-animation: landr 0.8s ease-in-out;
 	-o- animation: landr 0.8s ease-in-out;
 }

 /*定义动画效果_css3*/

 @keyframes landr {
 	0% {
 		transform: rotate(0deg);
 		transform-origin: right bottom 0;
 	}

 	39% {
 		transform: rotate(5deg);
 		transform-origin: right bottom 0;
 	}

 	40% {
 		transform: rotate(5deg);
 		transform-origin: left bottom 0;
 	}

 	75% {
 		transform: rotate(-10deg);
 		transform-origin: left bottom 0;
 	}

 	100% {
 		transform: rotate(0deg);
 		transform-origin: left bottom 0;
 	}
 }

 @-webkit-keyframes landr {
 	0% {
 		-webkit-transform: rotate(0deg);
 		-webkit-transform-origin: right bottom 0;
 	}

 	39% {
 		-webkit-transform: rotate(5deg);
 		webkit-transform-origin: right bottom 0;
 	}

 	40% {
 		-webkit-transform: rotate(5deg);
 		-webkit-transform-origin: left bottom 0;
 	}

 	75% {
 		-webkit-transform: rotate(-10deg);
 		-webkit-transform-origin: left bottom 0;
 	}

 	100% {
 		-webkit-transform: rotate(0deg);
 		-webkit-transform-origin: left bottom 0;
 	}
 }

 /*自定义动画*/

 .hover_arrow .icon_public {
 	-moz-transition: all .3s linear;
 	-webkit-transition: all .3s linear;
 	transition: all .3s linear;
 }

 /*经过图片阴影*/

 .hover_arrow_shadow .box:hover .icon_public {
 	filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2));
 	-webkit-filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2));
 	-moz-filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2));
 	transform: translate3d(0, -3px, 0);
 	-moz-transform: translate3d(0, -3px, 0);
 	-webkit-transform: translate3d(0, -3px, 0);
 }

 /*图标*/

 .icon_public {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 0;
 	overflow: hidden;
 	background-repeat: no-repeat;
 	-moz-border-radius: 50%;
 	/*-webkit-border-radius:50%;
	border-radius:50%;*/
 }

 /*end左右摇摆*/
 /*图片亮度划过*/

 .hover_pic {
 	position: relative;
 	overflow: hidden;
 	display: block;
 }

 .hover_pic:before {
 	position: absolute;
 	top: 0px;
 	left: -80%;
 	display: block;
 	content: "";
 	width: 40%;
 	height: 100%;
 	overflow: hidden;
 	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
 	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
 	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)));
 	background: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0));
 	-moz-transform: skewX(-25deg);
 	-webkit-transform: skewX(-25deg);
 	transform: skewX(-25deg);
 }

 .hover_pic:hover:before {
 	-moz-transition: left 1s ease 0s;
 	-webkit-transition: left 1s ease 0s;
 	transition: left 1s ease 0s;
 	left: 140%;
 }

 /*缓慢上升*/

 ul .ss {
 	-moz-transition: all .3s linear;
 	-webkit-transition: all .3s linear;
 	transition: all .3s linear;
 }

 ul .ss:hover {
 	background-color: #b62d31;
 	-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
 	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
 	box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
 	-moz-transform: translateY(-5px);
 	-webkit-transform: translateY(-5px);
 	transform: translateY(-5px);
 }

 /*图片放大*/

 .hh_d {
 	display: block;
 	width: 100%;
 	height: 100%;
 	transition: all 0.7s;
 }

 .hh_d:hover {
 	transform: scale(1.2);
 }

 /*图片翻转*/

 .hh_f {
 	-moz-transition: all 1s ease 0s;
 	-webkit-transition: all 1s ease 0s;
 	transform: perspective(800px) rotateY(0deg);
 	-moz-transform: perspective(800px) rotateY(0deg);
 	-webkit-transform: perspective(800px) rotateY(0deg);
 	-o-transform: perspective(800px) rotateY(0deg);
 	-ms-transform: perspective(800px) rotateY(0deg);
 	zoom: 1;
 }

 .hh_f:hover {
 	transform: perspective(800px) rotateY(-179.9deg);
 	-moz-transform: perspective(800px) rotateY(-179.9deg);
 	-webkit-transform: perspective(800px) rotateY(-179.9deg);
 	-o-transform: perspective(800px) rotateY(-179.9deg);
 	-ms-transform: perspective(800px) rotateY(-179.9deg);
 }

 /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;*/


 /*-------------------------------------star(2019.08.05)新增样式*/
 body {
 	font-family: 'Helvetica Neue', Helvetica, "Microsoft YaHei", sans-serif, Arial, '宋体';
 	-webkit-text-size-adjust: none;
 }

/* .min_1200 {
 	margin: 0 auto;
 	min-width: 1200px;
 	_width: expression((documentElement.clientWidth < 1200) ? "1200px": "auto");
 } */

 .w_1200 {
 	width: 1200px;
 	margin: 0 auto;
 }

 .clear,
 .clr {
 	display: block;
 	clear: both;
 	height: 0;
 	line-height: 0;
 	font-size: 0;
 	overflow: hidden;
 }

 .clearfix2:before,
 .clearfix2:after {
 	content: "";
 	display: table;
 }

 .clearfix2:after {
 	clear: both;
 }

 .clearfix2 {
 	*zoom: 1;
 }

 a {
 	color: #333;
 }

 a:hover {
 	color: #da251c;
 }

 /*设置选中文字时的背景色*/
 ::selection {
 	background: #da251c;
 	color: #fff;
 }

 ::-moz-selection {
 	background: #da251c;
 	color: #fff;
 }

 ::-webkit-selection {
 	background: #da251c;
 	color: #fff;
 }

 /*可改变元素被点击时背景框的颜色*/
 html {
 	-webkit-tap-highlight-color: rgba(240, 240, 240, 0.7);
 }

 /*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/


 /*自适应*/
 .r_cell {
 	display: table-cell;
 	width: 9999px;
 	*width: auto;
 	*zoom: 1;
 }

 /*自定义动画*/
 .transition_a,
 .transition_o a,
 .hover_arrow_shadow .icon_public {
 	-moz-transition: all .3s linear;
 	-webkit-transition: all .3s linear;
 	transition: all .3s linear;
 }


 /*大图片*/
 .i_banner {
 	text-align: center;
 	overflow: hidden;
 	/* height: 360px; */
 	position: relative;
 }

/* .i_banner_img {
 	position: absolute;
 	top: 0;
 	left: 50%;
 	margin-left: -960px;
 	width: 1920px;
 } */

 /*中间区域*/
 .i_center {
 	overflow: hidden;
 	color: #333;
 }

 .i_left {
 	padding-bottom: 3000px;
 	margin-bottom: -3000px;
 	min-height: 1000px;
 }

 .i_center h2,
 .i_center h4,
 .i_center h5 {
 	font-weight: normal;
 }

 /*左标题*/
 .i_l_th {
 	padding: 14px 40px;
 	font-weight: normal;
 	background-color: #d8e0ee;
 	text-align: right;
 	font-size: 14px;
 	color: #6ea3d5;
 	line-height: 1.4;
 }

 .i_l_th .th_d {
 	color: #0467bc;
 	font-size: 24px;
 }

 /*左导航*/
 .i_l_nav {
 	font-size: 14px;
 	width: 140px;
 	float: right;
 	text-align: center;
 	padding: 30px 0;
 }

 .i_l_nav .item_a {
 	display: block;
 	line-height: 40px;
 	background-color: #d8e0ee;
 	border-radius: 20px 0 0 20px;
 	margin-left: 20px;
 }

 .i_l_nav .item_a:hover {
 	background-color: #c5d2e8;
 	color: #000;
 }

 .i_l_nav .item_li {
 	margin: 0 0 24px 0;
 }

 .i_l_nav .active .item_a {
 	margin-left: 0;
 	color: #fff;
 	background-color: #da251c;
 }

 /*右标题*/
 .i_r_th {
 	border-bottom: 2px solid #d8e0ee;
 	line-height: 40px;
 	height: 48px;
 }

 .i_r_th .th_l {
 	font-size: 18px;
 }

 .i_r_th .th_line_x {
 	border-bottom: 2px solid #0467bc;
 	display: inline-block;
 	vertical-align: bottom;
 	margin-bottom: -2px;
 	height: 48px;
 }

 .th_line_y {
 	width: 3px;
 	height: 18px;
 	background-color: #da251c;
 	margin-right: 10px;
 }

 .i_r_th .th_r {
 	font-size: 14px;
 }

 .i_r_th .th_r .china {
 	margin: 0 8px;
 }

 /*关于我们*/
 .i_about_text {
 	line-height: 2;
 }

 .i_about_text p {
 	text-indent: 2em;
 	margin: 0 0 40px 0;
 }

 /*文章详情页*/
 /*标题*/
 .d_th {
 	text-align: center;
 }

 .d_th .th_t {
 	font-size: 24px;
 	font-weight: bold;
 }

 .d_th .t_t {
 	font-size: 14px;
 	border-top: 1px dashed #ddd;
 	margin-top: 15px;
 	padding-top: 15px;
 }

 /*正文*/
 .d_wen {
 	line-height: 2;
 }

 .d_wen p {
 	margin: 0 0 20px 0;
 	/* text-indent: 2em; */
 }

 .d_wen img {
 	/* max-width: 650px; */
 }

 .d_wen .pic {
 	text-align: center;
 	margin: 40px 0;
 }

 /*工程案例*/
 .i_projects_ul {
 	margin-right: -45px;
 }

 .i_projects_ul .box {
 	display: block;
 	margin-right: 45px;
 	position: relative;
 	border-bottom: 1px solid #ddd;
 }

 .i_projects_ul .box::before {
 	width: 0;
 	height: 3px;
 	background-color: #da251c;
 	font-size: 0;
 	overflow: hidden;
 	display: block;
 	position: absolute;
 	content: '';
 	bottom: -1px;
 	left: 50%;
 	-moz-transform: translateX(-50%);
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	-webkit-transition: .3s;
 	-moz-transition: .3s;
 	transition: .3s;
 }

 .i_projects_ul .th_t {
 	font-size: 16px;
 	line-height: 49px;
 	height: 49px;
 	text-align: center;
 }

 .i_projects_ul .box:hover::before {
 	width: 100%;
 }

 .i_projects_ul .item_li {
 	margin-top: 45px;
 }

 .i_projects_ul .pic {
 	height: 200px;
 	overflow: hidden;
 	text-align: center;
 	background-color: #f8f8f8;
 }

 .i_projects_ul .box:hover .th_t {
 	color: #fff\9;
 	background-color: #da251c\9;
 }

 .i_projects_ul .box:hover {
 	border-color: #da251c\9;
 }

 /*页码*/
 .page {
 	text-align: right;
 	font-size: 12px;
 	color: #666;
 	margin: 40px 0 40px 0;
 	line-height: 28px;
 }

 .page .box,
 .page a {
 	display: inline-block;
 	vertical-align: top;
 	margin: 0 4px;
 }

 .page a {
 	border: 1px solid #ddd;
 	background-color: #f2f2f2;
 	padding: 0 10px;
 	color: #666;
 }

 .page_text,
 .page_btn {
 	margin: 0 5px;
 	text-align: center;
 	line-height: 28px;
 	height: 28px;
 	border: 1px solid #ddd;
 	vertical-align: top;
 }

 .page_text {
 	width: 40px;
 }

 .page_btn {
 	cursor: pointer;
 	padding: 0 10px;
 }

 .page_text:focus,
 .page_btn:hover,
 .page a:hover {
 	border-color: #0467bc;
 	background-color: #fff;
 }

 .page_btn:hover {
 	color: #fff;
 	background-color: #0467bc;
 }

 .page .prev_a {
 	padding-left: 20px;
 	background-image: url(../img/page_l.gif);
 	background-repeat: no-repeat;
 	background-position: 6px center;
 }

 .page .next_a {
 	padding-right: 20px;
 	background-image: url(../img/page_r.gif);
 	background-repeat: no-repeat;
 	background-position: 95% center;
 }

 .page .disabled_a:hover {
 	border-color: #ddd;
 	background-color: #f2f2f2;
 	cursor: no-drop;
 }

 .page .disabled_a {
 	color: #999;
 }

 .page .active_a,
 .page .active_a:hover {
 	color: #fff;
 	background-color: #0467bc;
 	border-color: #0467bc;
 }


 /*新闻列表*/
 .r_date {
 	color: #999;
 }

 .i_news_ul {
 	margin: 30px 0 40px 0;
 }

 .i_news_ul .box {
 	height: 24px;
 	margin-bottom: 15px;
 	line-height: 24px;
 }

 .i_news_ul .item_a {
 	float: left;
 	width: 70%;
 	padding-left: 24px;
 	background-image: url("../img/gray_icon.gif");
 	background-position: left center;
 	background-repeat: no-repeat;
 }



 /*间距*/
 .box_mw30 {
 	margin-left: 30px;
 	margin-right: 30px;
 }

 .box_mw60 {
 	margin-left: 60px;
 	margin-right: 60px;
 }

 .box_mh50 {
 	margin-top: 50px;
 	margin-bottom: 50px;
 }

 .box_pt30 {
 	padding-top: 30px;
 }

 .box_mh30 {
 	margin-top: 30px;
 	margin-bottom: 30px;
 }

 /*宽度*/
 .w_260 {
 	width: 260px;
 }

 .w_900 {
 	width: 900px;
 }

 /*背景*/
 .blue_bj {
 	background-color: #e6edf7;
 }

 /*文字*/
 .china {
 	font-family: "宋体";
 }

 .black8_link a,
 .black8_text {
 	color: #888;
 }

 .red_text,
 .black8_link a:hover,
 .black8_link a:hover {
 	color: #da251c;
 }

 .black6_link a,
 .black6_text {
 	color: #666;
 }

 .font_14 {
 	font-size: 14px;
 }

 /*隐藏*/
 .hide_box {
 	height: auto;
 	overflow: hidden;
 }

 /*列表*/
 .list_3 .item_li {
 	float: left;
 	width: 33.33%;
 	*width: 33.2%;
 }

 /*图片*/
 .img_w {
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 }

 /*省略号*/
 .hide1 {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	-webkit-box-orient: vertical;
 }

 /*经过*/
 .hover_box .box:hover {
 	-moz-transform: translateY(-5px);
 	-webkit-transform: translateY(-5px);
 	transform: translateY(-5px);
 	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
 	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
 	box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
 }